#collect{
    background:white;
    #coupon-empty{
        flex: 1;
        overflow: auto;
        width: 100%;
        text-align: center;
        font-size: .32rem;
        color: #666;
        .noVoucher{
            font-size:.28rem;
            color:#969696;
        }
        .btn{
            display:block;
            width:2.6rem;
            height:.72rem;
            border-radius:.2rem;
            color:#9948c3;
            border:1px solid #9948c3;
            line-height:.72rem;
            text-align:center;
            font-size:.28rem;
            margin-top:1.14rem;
            margin-left:32%;
            background:white;
        }
        img{
            height:2.5rem;
            width:2.8rem;
            display: block;
            margin: 1rem auto .5rem;
            margin-top:2rem;
        }
    }
    .change{
        color:#9948c3;
    }
    .myCollect{
        display: flex;
        border-bottom: 1px solid #e6e6e6;
        height: 1rem;
        line-height: 1rem;
        position: fixed;
        top: 0;
        width: 100%;
        background: white;
        z-index: 99;
        .active{
            border-bottom: 4px solid #9948c3;
            color:#9948c3;
            font-size:.28rem;
        }

        span{
            font-size:.28rem;
            color:#323232;
        }
        .shop{
            margin-left: 2rem;
            width: 1.4rem;
            text-align: center;     
        }
        .mark{
            margin-left: .8rem;
            width: 1.4rem;
            text-align: center;
        }
        .edit{
            margin-left: .8rem;
            background: #9948c3;
            color: white;
            padding: 0 .18rem;
            height: .5rem;
            line-height: .5rem;
            border-radius: .24rem;
            margin-top: .24rem;
            font-size: .26rem;
        }
    }
    .shopListContainer{
        div:nth-last-child(1){
            border:none;
        }
        .cutDetail{
            float:left;
            width:100%;
            min-height:2.8rem;
            border-bottom:1px solid #e6e6e6;
            background:white;
            .imag{
                width: .4rem;
                height: .4rem;
                padding-top: .5rem;
                margin-left: .2rem;
                display: block;
                float: left;
                margin-top: .7rem;
            }
            .photo{
                float:left;
                li{
                    position:relative;
                }
                .stopImg{
                    width: 1.36rem;
                    height: 1.36rem;
                    display: block;
                    position: absolute;
                    top: 23%;
                    left: 25%;
                }
                .shopImg{
                    width: 2.3rem;
                    height: 2.3rem;
                    margin: .25rem .28rem .25rem .24rem;
                    display: block;
                    border-radius:.08rem;
                }
            }
            .cut-right{
                float:left;

                margin-top: .56rem;
                .one{
                    font-size:.28rem;
                    color:#323232;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                }
                .two{
                    font-size:.34rem;
                    color:#9948c3;
                    margin-top:.2rem;
                    text-decoration: line-through;
                    .icons{
                        font-size:.24rem;
                    }
                }
                .three{
                    color:#969696;
                    font-size:.24rem;
                    margin-top:.5rem;

                }
            }
        }
    }
    #showguess{
        div:nth-last-child(1){
            border:none;
        }
        .allGuess{
            display: flex;
            position: relative;
            border-bottom: 1px solid #e6e6e6;
            .imag{
                width: .4rem;
                height: .4rem;
                margin-top: .55rem;
                margin-left: .2rem;
            }
            .headImg{
                width: .88rem;
                height: .88rem;
                border-radius: 50%;
                margin: .3rem .2rem .3rem .24rem;
                display: flex;
            }
            .guessUl{
                margin-top: .34rem;
                line-height: .4rem;
                .guessName{
                    font-size:.28rem;
                    color:#323232;
                }
                .guessNumber{
                    font-size:.22rem;
                    color:#969696;
                }
            }
            button{
                font-size: .24rem;
                color: #9948c3;
                width: 1.4rem;
                height: .5rem;
                border: 1px solid #9948c3;
                border-radius: .25rem;
                position: absolute;
                right: .24rem;
                background: white;
                top: .45rem;
            }
        }
    }
      .success{
          clear:both;
          display: flex;
          justify-content: space-between;
          position: fixed;
          bottom:0;
          border-top: #e6e6e6;
          background: white;
          width: 100%;
          box-shadow: 0px 20px 22px 10px black;
          ul{
            display: flex;
            img{
                width:.4rem;
                height:.4rem;
              }
              li{
                  font-size:.28rem;
                  color:#323232;
              }
              .radius{
                font-size: .28rem;
                color: #323232;
                padding: .3rem .16rem .3rem .2rem;
              }
              .allX{
                padding-top: .33rem;
              }
          }
          
          .sBtn{
            width: 1.56rem;
            height: .54rem;
            background: white;
            color: #9948c3;
            border-radius: .27rem;
            border: 1px solid #9948c3;
            margin: auto 0;
            margin-right: .24rem;
            font-size:.28rem;
          }
          
      }
      .opaction{
        width:100%;
        height:100%;
        background:rgba(0,0,0,.5);
        position: fixed;
        top:0;
        z-index: 999;
    }s
    .context{
        width: 6rem;
        height: 2rem;
        z-index: 1000;
        position: absolute;
        background: white;
        top: 25%;
        left: 10%;
        p{
            font-size:.3rem;
            text-align:center;
            margin-top: .85rem;
        }
    }
    .textOpac{
        width:6rem;
        background:white;
        position: fixed;
        top: 27%;
        left: 10%;
        border-radius:.24rem;
        z-index: 999;
        p{
            font-size:.30rem;
            color:#323232;
            text-align: center;
            margin-top: .8rem
        }
        .sBtn{
            border-top: 1px solid #e6e6e6;
            display: flex;
            margin-top: .5rem;
            button{
                width: 45%;
                font-size: .3rem;
                color: #646464;
                background: white;
                display: inline-block;
                padding: .25rem;
                margin-left: .2rem;
                
            }
        }
    }
}